<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>NTTC微路演</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport"
        content="width=device-width, initial-scale=1">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp"/>
  <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">
  <link rel="stylesheet" href="assets/css/amazeui.min.css"/>
  <style>
    .get {
      background: #1E5B94;
      color: #fff;
      text-align: center;
      padding: 60px 0;
    }

    .get-title {
      font-size: 200%;
      border: 2px solid #fff;
      padding: 20px;
      display: inline-block;
    }

    .get-btn {
      background: #fff;
    }

    .detail {
      background: #fff;
    }

    .detail-h2 {
      text-align: center;
      font-size: 150%;
      margin: 40px 0;
    }

    .detail-h3 {
      color: #1f8dd6;
    }

    .detail-p {
      color: #7f8c8d;
    }

    .detail-mb {
      margin-bottom: 30px;
    }

    .hope {
      background: #0bb59b;
      padding: 50px 0;
    }

    .hope-img {
      text-align: center;
    }

    .hope-hr {
      border-color: #149C88;
    }

    .hope-title {
      font-size: 140%;
    }

    .about {
      background: #fff;
      padding: 40px 0;
      color: #7f8c8d;
    }

    .about-color {
      color: #34495e;
    }

    .about-title {
      font-size: 180%;
      padding: 30px 0 50px 0;
      text-align: center;
    }

    .footer p {
      color: #7f8c8d;
      margin: 0;
      padding: 15px 0;
      text-align: center;
      background: #2d3e50;
    }
  </style>
</head>
<body>
<input type="hidden" value="ppt" id="pageId">
<header class="am-topbar am-topbar-fixed-top">
  <div class="am-container">
    <h1 class="" style="text-align:center;width:100%;margin-top:1.6rem;margin-bottom:1.6rem;">NTTC微路演</h1>

  </div>
</header>

<div class="get">
  <div class="am-g" id="ppt_upload_container">
  <div class="am-u-lg-12">
  <div id="userinfo"  style="text-align:center; display:none;
    margin-bottom: 2rem;
  ">
    <img id="headimgurl" style="width:5rem;height:5rem;border-radius:50%;" src=""><br>
    <span id="username">&nbps;</span>
    </div>
   </div>
    <div class="am-u-lg-12">
    <a href="javascript:void()" style="color: white;">
      <h1 class="get-title" style="border-radius: 5px;" id="upload_btn">点击上传</h1>
      <h2 style="margin-top:0;">支持格式：ppt、pptx、pdf; 大小为30MB以内</h2>
     </a>
      <p>
        <div style="color: #444;font-size: 1.8rem;" class="am-btn am-btn-sm get-btn">您只需上传PPT或者PDF，微讲堂平台就可以帮您创建PPT语音直播间！</div>
      </p>
    </div>
  </div>
</div>

<div class="detail">
  <div class="am-g am-container">
    <div class="am-u-lg-12">
      <h3 class="detail-h2"><p style="
    font-size: 1.5rem;
    font-weight: 400;
    color: #444;
      ">© 2017 版权所有：中国科学院上海国家技术转移中心  「ICP备案号：沪ICP备05000140号」</p></h3>
    </div>
  </div>
</div>


<div class="am-modal am-modal-alert" tabindex="-1" id="tip_uploaded">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">温馨提示</div>
    <div class="am-modal-bd">
      上传成功
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-alert" tabindex="-1" id="tip">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">温馨提示</div>
    <div class="am-modal-bd">
      您上传的PPT超过最大限制30MB
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn">确定</span>
    </div>
  </div>
</div>
<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="uploading">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">PPT正在上传中...</div>
    <div class="am-modal-bd">
      <span class="am-icon-spinner am-icon-spin"></span>
    </div>
  </div>
</div>

<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="qrcode">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">请输入授权码</div>
    <div class="am-modal-bd">
      <div style="width: 200px;height: 70px;margin-left: auto;margin-right: auto;background-color: black;">
      	<input id="shortcode" maxlength="3" type="tel" style="
    width: 100%;
    height: 100%;
    color: white;
    background-color: black;
    border: none;
    text-align: center;
    font-size: 40px;
">
      </div>
      <div id="success" style="
      display:none;
    margin-top: 1rem;
      ">
      <a href="javascript:;" class="am-icon-btn am-success am-icon-shield"></a> 授权成功
      </div>
      
    </div>
  </div>
</div>


<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="assets/js/jquery.min.js"></script>
<!--<![endif]-->


<script src="assets/js/amazeui.min.js"></script>
<script src="assets/js/handlebars.min.js"></script>
<script src="assets/js/amazeui.widgets.helper.min.js"></script>
<script src="assets/js/app.js"></script>

<script  type="text/javascript" id="appinit" data-baseurl="assets/js/" src="assets/js/require.js"></script>
<script type="text/javascript">
	appinit($("#pageId").val());
</script>
</body>
</html>
